Can't set anchor tag to [disabled] in IE

Posted by Alex on Stack Overflow See other posts from Stack Overflow or by Alex
Published on 2010-03-16T11:39:11Z Indexed on 2010/03/16 11:46 UTC
Read the original article Hit count: 364

Filed under:
|
|

Hi.

I have the following css code. button.png is image where 3 button states are pasted vetrically, so i just move image in css.

a.button
{
    background-image: url(button.png);
    background-position: 0px 0px;
    width: 100px;                                            
    height: 30px;
    display: block;
    background-repeat: no-repeat;
    text-indent: -9999px;
}
a:hover.button
{
    background-position: -100px 0px;
}
a.button[disabled]
{
    background-position: -200px 0px;
    cursor:default;
}

I put this in html

<a href="#" class="button" disabled="disabled"></a>

In Chrome all is ok. IE dont show disabled image.

© Stack Overflow or respective owner

Related posts about html

Related posts about css